<button type="button" class="btn btn-info" ng-click="addMember()">添加用户</button>

<table class="table table-hover">
	<thead>
		<tr>
			<th>用户名</th>
			<th>所属部门</th>
			<th>登陆时间</th>
			<th>操作</th>
		</tr>
	</thead>
	<tbody>
		<tr ng-repeat="member in memberlist">
			<td ng-bind="member.username"></td>
			<td ng-bind="member.department"></td>
			<td ng-bind="member.reg_datetime"></td>
			<td>
				<!-- <a href="">修改</a>&nbsp;&nbsp;&nbsp;&nbsp; -->
				<a href="" ng-click="deleteMember($index, member.username)">删除</a>
			</td>
		</tr>
	</tbody>
</table>


<!-- 添加用户 -->
<script type="text/ng-template" id="addMember.html">
    <h2>添加用户</h2>
    <form class="form-horizontal">
      <div class="form-group" ng-class="{'has-error has-feedback': addMemberUsernameStyle}">
        <label for="addMemberUsername" class="col-sm-2 control-label">用户名：</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" id="addMemberUsername" ng-model="addMemberUsername" placeholder="请填写用户名">
          <span ng-show="addMemberUsernameStyle" class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>
          <span ng-show="addMemberUsernameStyle" class="help-block">请输入用户名</span>
        </div>
      </div>
      <div class="form-group" ng-class="{'has-error has-feedback': addMemberPasswordStyle}">
        <label for="addMemberPassword" class="col-sm-2 control-label">用户密码：</label>
        <div class="col-sm-10">
          <input type="password" class="form-control" id="addMemberPassword" ng-model="addMemberPassword" placeholder="请填写密码">
          <span ng-show="addMemberPasswordStyle" class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>
          <span ng-show="addMemberPasswordStyle" class="help-block">请输入密码</span>
        </div>
      </div>
      <div class="form-group" ng-class="{'has-error has-feedback': addMemberDepartmentStyle}">
          <label for="addMemberDepartment" class="col-sm-2 control-label">所属部门：</label>
          <div class="col-sm-10">
              <input type="text" class="form-control" id="addMemberDepartment" ng-model="addMemberDepartment" list="addMemberDepartmentOption" placeholder="录入部门">
              <span ng-show="addMemberDepartmentStyle" class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>
              <span ng-show="addMemberDepartmentStyle" class="help-block">请选择所属部门</span>
              <datalist id="addMemberDepartmentOption">
                  <option>管理</option>
                  <option>销售一组</option>
                  <option>销售二组</option>
                  <option>市场部</option>
                  <option>网络营销部</option>
                  <option>创意部</option>
                  <option>供应链</option>
                  <option>财务部</option>
                  <option>人力资源部</option>
                  <option>物流部</option>
                  <option>项目申报组</option>
              </datalist>
          </div>
      </div>
      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          <button type="submit" class="btn btn-default" ng-click="newMember()">添加</button>
        </div>
      </div>
    </form>
</script>